<template>
  <div id="tmpl">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media" v-for="item in list">
          <router-link v-bind="{to: '/news/newsinfo/' + item.id}" class="">
            <img class="mui-media-object mui-pull-left" :src="item.img_url">
            <div class="mui-media-body">
              {{item.title}}
              <p class="mui-ellipsis" v-text="item.zhaiyao"></p>
            </div>
          </router-link>
        </li>
      </ul>
  </div>
</template>

<script>
  import { Toast } from 'mint-ui';
  import common from '../../kits/common.js';
  export default {
    data() {
      return {
        list: []
      }
    },
    created() {
      this.getNewsList();
    },
    methods: {
      getNewsList(){
        var url = common.apidomain+'/api/getnewslist';

        this.$http.get(url).then(function(response) {
          var body = response.body;

          if(body.status != 0) {
            Toast(body.message);
            return;
          }

          this.list = body.message;
        })
      }
    }
  }
</script>

<style scoped>
  
</style>